export default function VideosSkeleton() {
  return (
    <div className="animate-pulse">
      <div className="grid grid-cols-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-2 sm:gap-3 md:gap-4">
        {[...Array(24)].map((_, i) => (
          <div key={i} className="flex flex-col">
            {/* 视频封面 */}
            <div className="aspect-[2/3] bg-background-dark rounded-lg w-full mb-2 animate-pulse"></div>
            {/* 视频标题 */}
            <div className="h-4 bg-background-dark rounded w-full mb-1 animate-pulse"></div>
            {/* 视频信息 */}
            <div className="h-3 bg-background-dark rounded w-3/4 animate-pulse"></div>
          </div>
        ))}
      </div>
    </div>
  );
} 